<template>
<view class="">
	
</view>
</template>

<script>
	import Vue from 'vue'
	export default {
		provide() {
			return {
				reload: this.reload
			}
		},
		data() {
			return {
				// isShowerweima:''
			}
		},
		onLaunch: function() {
			var _this = this
			// // 判断是否认证
			// uni.login({
			// 		provider: "weixin",
			// 		success(res) {
			// 			let newCode = res.code
			// 			uni.request({
			// 				// url: "http://192.168.102.80:8080/buildtreasure/person/wxs/login",
			// 				url: "https://www.chuanjianbao.com/buildtreasure/person/wxs/login",
			// 				data: {
			// 					code: newCode
			// 				},
			// 				success(res) {
			// 					// 赋给全局变量userId
			// 					_this.$store.commit('newUserId', res.data.data.userId)
			// 					// 判断是否实名
			// 					_this.$store.commit('newIsRealName', res.data.msg)
			// 					//存储sessionId
			// 					uni.setStorageSync('sessionId', res.data.data.sessionId)
			// 					//用户id存储到本地
			// 					uni.setStorageSync('userId',res.data.data.userId)
			// 					//关注公众号状态存储到本地
			// 					uni.setStorageSync('unionId',res.data.data.unionId)
			// 					// 实名存储本地
			// 					uni.setStorageSync('userIsReal',res.data.msg)
			// 						uni.request({
			// 							url: 'https://www.chuanjianbao.com/buildtreasure/person/get',
			// 							// url: "http://192.168.102.80:8080/buildtreasure/person/get",
			// 							header: { //请求头可自定义
			// 								'Content-Type': 'application/json;charset=UTF-8',
			// 								// 'X-Access-Token': TOKEN
			// 								'Cookie': 'JSESSIONID=' + uni.getStorageSync(
			// 									'sessionId')
			// 							},
			// 							method: 'GET',
			// 							data: {
			// 								userId: res.data.data.userId
			// 							},
			// 							success(res) {
			// 								_this.$store.commit('newSfzh', res.data.data.idCard)
			// 								_this.$store.commit('newIsComplete', res.data.data.isComplete)
			// 								_this.$store.commit('newUsername', res.data.data
			// 									.username)
			// 								_this.$store.commit('newAvatar', res.data.data.avatar)
			// 								_this.$store.commit('newIsRealName', res.data.data.isReal)
			// 								//身份证号存储到本地
			// 								uni.setStorageSync('userSfzh',res.data.data.idCard)
											
			// 								_this.$store.dispatch('getCity')
			// 								_this.$store.dispatch('getEdu')
			// 								_this.$store.dispatch('getPosition')
			// 								_this.$store.dispatch('certs')
			// 								_this.$store.dispatch('tishiInfoList')
											
			// 							}
			// 						})

			// 				},
			// 			})
			// 		}
			// 	}),
				// this.$store.dispatch('login')
				uni.getSystemInfo({
					success: function(e) {
						// #ifndef MP
						Vue.prototype.StatusBar = e.statusBarHeight;
						if (e.platform == 'android') {
							Vue.prototype.CustomBar = e.statusBarHeight + 50;
						} else {
							Vue.prototype.CustomBar = e.statusBarHeight + 45;
						};
						// #endif
						// #ifdef MP-WEIXIN
						Vue.prototype.StatusBar = e.statusBarHeight;
						let custom = wx.getMenuButtonBoundingClientRect();
						Vue.prototype.Custom = custom;
						Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
						// #endif       
						// #ifdef MP-ALIPAY
						Vue.prototype.StatusBar = e.statusBarHeight;
						Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
						// #endif
					}
				})


		},
		created() {
			let that=this
			
		// 弹出公众号
		// setTimeout(function(){
		// 	if(that.isShowerweima=='0'){
		// 		console.log('99')
		// 		uni.showModal({
		// 			title:'温馨提示',
		// 			content:'为了......,请按确定按钮进入客服中心输入"公众号"进行扫码关注',
		// 			success: function (res) {
		// 			        if (res.confirm) {
		// 			           wx.openCustomerServiceChat({
		// 			           	extInfo: {
		// 			           		url: 'https://work.weixin.qq.com/kfid/kfc2201d228b8768400'
		// 			           	},
		// 			           	corpId: 'ww2e23e1f7cdf7ff4c',
		// 			           	success(res) {}
		// 			           })
		// 			        } else if (res.cancel) {
		// 			            console.log('用户点击取消');
		// 			        }
		// 			    }
		// 		})
		// 	}
			
		// },5000)
		},
		methods: {
		
		},
		onShow: function() {
			// 获取城市定位

		},
		onHide: function() {}
	}
	
</script>
<style lang="scss">
	// 搜索框
	.activeFalse {
		color: #000000;
	}
	
	.activeTrue {
		color: red;
	}
	.search {
		position: relative;
		display: flex;
		align-items: center;
		// width: 100%;
		// min-width: 351px;
		// height: 32px;
		background: #ffffff;
		border-radius: 32rpx;
		box-shadow: 0px 0px 18rpx 0px rgba(0, 0, 0, 0.1);
		// z-index: 999;

		.search_left {
			display: flex;
			width: 102rpx;
			min-width: 102rpx;
			height: 26rpx;
			justify-content: space-between;
			padding-left: 26rpx;
			box-sizing: content-box;
			align-items: center;
			border-right: 2rpx solid #d2d2d2;

			text {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Medium;
				font-weight: 500;
				color: #333333;
			}

			image {
				width: 22rpx;
				height: 14rpx;
				margin-right: 6rpx;

			}
		}

		.search_center {
			display: flex;
			justify-content: space-between;
			width: 100%;
			// min-width: 288px;

			view {
				display: flex;
				align-items: center;

				image {
					width: 24rpx;
					height: 24rpx;
					margin-left: 28rpx;
					margin-right: 14rpx;
				}

				.uni-input-placeholder {
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC-Medium;
					font-weight: 500;
					text-align: left;
					color: #d2d2d2;
					background: #ffffff;
				}
			}

			.btn {
				display: flex;
				justify-content: center;
				align-items: center;
				min-width: 120rpx;
				height: 68rpx;
				background: #5cd1ce;
				border-radius: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Medium;
				font-weight: 500;
				text-align: left;
				color: #f4f4f4;

			}



		}

		.search_lsit {
			position: absolute;
			top: 64rpx;
			left: 0;
			background: #f2f2f2;
			// height: 62px;
			min-width: 154rpx;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			opacity: 0;

			view {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Medium;
				font-weight: 500;
				text-align: left;
				color: #999999;
				padding: 5rpx 0;
			}
		}
	}

	// 箭头旋转
	.active_img {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-webkit-transform: rotate(180deg);
		/* Safari and Chrome */
	}

	.cancle_img {
		transform: rotate(0);
		-ms-transform: rotate(0);
		/* IE 9 */
		-webkit-transform: rotate(0);
		/* Safari and Chrome */
	}

	// 激活下拉框
	.searchActive {
		animation-name: searchZhankai;
		animation-duration: .5s;
		-webkit-animation-name: searchZhankai;
		-webkit-animation-duration: .5s;
		/* Safari 和 Chrome */
		overflow: hidden;
		animation-fill-mode: forwards;
	}

	@keyframes searchZhankai {
		0% {
			height: 0;
			opacity: 0;
		}

		100% {
			height: 110rpx;
			opacity: 1;
		}
	}

	@-webkit-keyframes searchZhankai

	/* Safari and Chrome */
		{
		0% {
			height: 0 !important;
			opacity: 0;
		}

		100% {
			height: 200rpx !important;
			opacity: 1;
		}
	}

	.cancleSearch {
		height: 0;
		animation-name: c_Search;
		animation-duration: 0;
		/* Safari and Chrome */
		-webkit-animation-name: c_Search;
		-webkit-animation-duration: 0;
		/* Safari 和 Chrome */
		overflow: hidden;
		animation-fill-mode: forwards;
	}

	@keyframes c_Search {
		0% {
			height: 110rpx;
			opacity: 1;
		}

		100% {
			height: 0px;
			opacity: 0;
		}
	}

	@-webkit-keyframes c_Search

	/* Safari and Chrome */
		{
		from {
			height: 110rpx;
			opacity: 1;
		}

		to {
			height: 0px;
			opacity: 0;
		}
	}

	.wrap {
		padding: 16px 12px 0px;
		box-sizing: border-box;
	}

	.dis_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.dis_center {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.common_font_style {
		font-size: 24rpx;
		color: #999999;
	}

	.tab_search {
		padding: 0 24rpx;
		box-sizing: border-box;
		height: 138rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #ffffff;
	}

	// 头部公共样式
	.nav_top {
		position: fixed;
		top: 0;
		z-index: 999;
		background: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 750rpx;
	}

	/* @font-face {
			font-family: 'youshe';
			src: url('~@/static/font/a.ttf');
		} */
	/*每个页面公共css */
	page {
		background: #ffffff;
	}

	.index_line {
		width: 750rpx;
		height: 10rpx;
		background: #f9f9f9;
	}
	.final_line{
		width: 608rpx;
		border-bottom: 4rpx dashed  #c9caca;
		margin: 33rpx auto;
	}

	.Talent_recommendation_head {
		height: 76rpx;
		display: flex;
		justify-content: space-between;
		padding: 0 40rpx;
		align-items: center;
		box-sizing: border-box;

		&:first-child {
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			text-align: left;
			color: #5cd1ce;
		}

		.more {
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC-Medium;
			font-weight: 500;
			text-align: center;
			color: #999999;
		}
	}

	.zdmb_main {
		width: 100%;
		min-width: 750rpx;
		height: 72rpx;
		display: flex;
		justify-content: space-between;
		padding: 0 30rpx;
		box-sizing: border-box;
		background: #ffffff;
		align-items: center;

		.zdmb_left {
			.tit {
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				text-align: left;
				color: #282828;
			}

			.des {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Medium;
				font-weight: 500;
				text-align: left;
				color: #999999;
				margin-left: 14rpx;
			}
		}

		.zdmb_right {
			margin-right: 40rpx !important;
			color: #999999;
		}

	}

	.box {
		width: 100%;
		/* background: pink; */
		background: #ffffff;
	}

	.box_animate {
		animation-name: zhankai;
		animation-duration: .5s;
		overflow: hidden;
		/* Safari and Chrome */
		-webkit-animation-name: zhankai;
		-webkit-animation-duration: .5s;
		/* Safari 和 Chrome */
	}

	@keyframes zhankai {
		0% {
			height: 0;
		}

		100% {
			height: 124rpx;
		}
	}

	@-webkit-keyframes zhankai

	/* Safari and Chrome */
		{
		from {
			height: 0px;
		}

		to {
			height: 124rpx;
		}
	}

	.cancle_animate {
		height: 0;
		animation-name: cancle;
		animation-duration: .5s;
		/* Safari and Chrome */
		-webkit-animation-name: cancle;
		-webkit-animation-duration: .5s;
		/* Safari 和 Chrome */
		overflow: hidden;
	}

	@keyframes cancle {
		0% {
			height: 124rpx;
		}

		100% {
			height: 0px;
		}
	}

	@-webkit-keyframes cancle

	/* Safari and Chrome */
		{
		from {
			height: 124rpx;
		}

		to {
			height: 0px;
		}
	}
</style>
